<head>
    <title>图表</title>
   <!--对于eCharts在IE兼容模式中显示，需要指定meta元素中放入X-UA-Compatible ie=9标头，否则ECHART将失效，这个要根据实际需要，看要兼容到什么版本，据我测试IE9以上我用到的ECHART功能还行，8已经不行了-->
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <script src="echarts.min.js"></script>
</head>
<body>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="width: 700px;height:280px;"></div>

<script type="text/javascript">
    window.onload = function () {

var myChart = echarts.init(document.getElementById('main'));
        var data = eval('(' +window.external.ChartParams+ ')');  // 可以使用固定值测试[1,2,3,4,5]
        var xAxisData = new Array();
        var yAxisData = new Array();
        for (var i = 1; i <= data.length; i++) {
            xAxisData[i - 1] = i;
            yAxisData[i - 1] = data[i - 1];
        }

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '趋势图'
            },
            xAxis: {
                data: xAxisData
            },
            tooltip: {},
            yAxis: {},
            series: [{
                type: 'line',
                data: yAxisData
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }
   
</script>
</body>

